body,html{width:100%;height:100%;padding:0;margin:0}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track{background-color:#e2e2e2}
::-webkit-scrollbar-thumb{border-radius:0;background-color:rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb:vertical:hover{background-color:rgba(0,0,0,.35)}
::-webkit-scrollbar-thumb:vertical:active{background-color:rgba(0,0,0,.38)}

.container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;padding:0;margin:0;
  /* background: -webkit-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: -o-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: -moz-linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85));
  background: linear-gradient(top,rgb(1, 48, 94), rgb(5, 105, 219), rgb(3, 15, 85)); */
  /* background-image: url(/static/img/login-bg.jpg);
  background-size: cover;
  flex-direction: column;flex-wrap: wrap; */
  display: flex;
  /* min-height: 100%; */
}
.particles-js{
  width: 100%;
  height: 100%;
  background-color: #0b4f8e;
  background-image: url(../../img/login-bg.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.dis{display:block!important}
.ndis{display:none}
.kaige-login{position:relative;left:0;top:0;padding:150px 0;min-height:100%;box-sizing:border-box}
.kaige-login-main{width:375px;margin:0 auto;box-sizing:border-box;border: 2px solid rgba(255,255,255,.2);border-radius: 12px;background: rgba(0, 0, 0,0.1);}
.kaige-login-box{padding:20px}
.kaige-login-header{text-align:center;padding:20px}
.kaige-login-header h2{margin-bottom:10px;font-weight:300;font-size:24px;color:#fff}
.kaige-login-header p{font-size: 10px; color:#999;}
.kaige-login-body .layui-form-item{position:relative}
.kaige-login-icon{position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}
.kaige-login-body .layui-form-item .layui-input{padding-left:38px}
.kaige-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}
.kaige-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}
.kaige-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}
.kaige-login-other .layui-icon{position:relative;top:2px;font-size:26px}
.kaige-login-other a:hover{opacity:.8}
.kaige-login-jump-change{float:right}
.kaige-login-footer{position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:#fff}
.kaige-login-footer span{padding:0 5px}
.kaige-login-footer a{padding:0 5px;color:#fff}
.kaige-login-footer a:hover{color:rgb(127, 146, 255)}
@media screen and (max-width:768px){.kaige-login{padding-top:60px}
.kaige-login-main{width:300px}
.kaige-login-box{padding:10px}
}

